<div class="header">
  <div class="center">操作台</div>
  <div style="position: absolute;right: 0;top: 0;">
    <div class="right" style="position: relative;height: 70px;" (click)="changeRightSpinnerState($event)">
      <i class="fa fa-ellipsis-v" style="font-size: 1em;line-height: 70px;"></i>
      <div style="width:100%;position: absolute;top:100%;right: 0;background: #3385ff; color: #fff;border-radius: 2px;font-size: 0.9em;" *ngIf="rightSpinnerState">
        <!--<div style="padding: 0 8px;height: 3.5em;line-height: 3.5em;" [routerLink]="['/main/table/change-table']">换台记录</div>-->
        <!--<div style="padding: 0 8px;height: 3.5em;line-height: 3.5em;" [routerLink]="['/main/table/combine-table']">并台记录</div>-->
        <!--<div style="padding: 0 8px;height: 3.5em;line-height: 3.5em;" [routerLink]="['/main/table/reserve-submit']">添加预定</div>-->
        <!--<div style="padding: 0 8px;height: 4em;line-height: 3.5em;" [routerLink]="['/main/table/reserve-list']">预定列表</div>-->
        <div style="padding: 0 8px;height: 4em;line-height: 3.5em;" [routerLink]="['/main/set/default']">个人中心</div>
      </div>
    </div>
  </div>
</div>

<div class="main" style="padding-top: 1px;">
  <!-- *ngIf="staticIds.indexOf('0000000089')!=-1"-->
  <div style="height: 0.5em;"></div>
  <div class="set-box" [routerLink]="['/main/operation/cash-desk']">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left"><i class="fa fa-calendar-alt" style="color:#00a65a"></i></div>
      <div class="center">收银台</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>
  <div class="set-box" style="margin-bottom: 0.5em;" [routerLink]="['/main/ess/ess-list']">
    <div class="set-head" style="margin-bottom: 0.5em">
      <div class="left"><i class="fab fa-dropbox" style="color: #605ca8"></i></div>
      <div class="center">进销存管理</div>
      <div class="right"><i class="fa fa-chevron-right"></i></div>
    </div>
  </div>

  <div style="margin-bottom: 6em"></div>
  <div class="table-bottom flex">
    <div class="table-bottom-item" [routerLink]="['/main']" routerLinkActive="link-active">
      <div><i class="fa fa-th-large"></i></div>
      <div>桌台</div>
    </div>
    <div class="table-bottom-item" [routerLink]="['/main/line-up/line-up-submit']" routerLinkActive="link-active">
      <div><i class="fas fa-users"></i></div>
      <div>排队</div>
    </div>
    <div class="table-bottom-item" [routerLink]="['/main/index']" routerLinkActive="link-active">
      <div>
        <!--<i class="fas fa-utensils"></i>-->
        <i class="fas fa-plus-circle" style="font-size: 1.8em;"></i>
      </div>
      <div>去开台</div>
    </div>
    <div class="table-bottom-item" [routerLink]="['/main/statistics']" routerLinkActive="link-active">
      <div><i class="fa fa-chart-pie"></i></div>
      <div>报表</div>
    </div>
    <div class="table-bottom-item active" [routerLink]="['/main/operation/operation-list']" routerLinkActive="link-active">
      <div><i class="fa fa-bars"></i></div>
      <div>操作台</div>
    </div>
  </div>
</div>
